<!DOCTYPE html>
<html lang="zh">
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/header :: header(~{::title},~{::link},~{})">

    <title>项目工时统计</title>
    <link rel="icon" th:href="@{/assets/img/lcxm.ico}" type="image/ico">
    <link rel="stylesheet" th:href="@{/assets/css/common.css}">
    <link rel="stylesheet" th:href="@{/assets/css/daterangepicker.css}">
    <link rel="stylesheet" th:href="@{/assets/lib/bootstrap-switch-3.3.4/bootstrap-switch.min.css}">
</head>
<body class="body">
<!--导航-->
<div th:replace="common/nav :: nav(true)"></div>
<div class="container">
    <!--<div class="page-header" style="margin-top: 20px;top:50%;">
        <h1 class="text-primary">凯捷科技 <small>简易点餐</small></h1>
    </div>-->
    <div class="row row-nocol">



        <!-- 操作信息提示的地方 -->
        <div th:if="${remind}" class="alert alert-${ remind.level  }"
             th:classappend="'alert-' + ${remind.level}">
            <button data-dismiss="alert" class="close" type="button">
                <i class="glyphicon glyphicon-remove"></i>
            </button>
            <span th:remove="tag" th:utext="${ remind.message }"></span>
        </div>

    </div>


    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                <form class="form-inline" role="form">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="switch" value="1">
                        </label>
                    </div>
                </form>
            </h3>
        </div>
        <div class="panel-body">
            <div class="row row-nocol" style="height: 550px;" id="one">

            </div>
        </div>
    </div>



    <div class="panel panel-info">
        <div class="panel-heading">
            <form class="form-inline" role="form">
                <div class="input-group">
                    <select class="form-control input-sm select2" id="two-projectId" name="projectId"
                            style="max-width: 20em;"
                            data-placeholder="选择所属项目"
                            data-allow-clear="true"
                            th:attr="data-value=${projectId}"
                            th:attrappend="data-url=${session.principal?.isNormal() ? 'project/mine' : 'project/all'}">
                        <option value="">所属项目</option>
                    </select>
                </div>
                <div class="form-group" style="margin-left: 5px">
                    <div class="input-group">
                        <input class="datetime form-control input-sm" type="text" id="two-startDate" name="localStartDate"
                               th:value="${startDate}"
                               data-date-format="yyyy-mm"
                               data-min-view="3"
                               data-start-view="3"
                               data-end-date-target="localEndDate"
                               readonly="readonly"
                               placeholder="开始月份"/>
                    </div>
                </div>

                <div class="form-group" style="margin-left: 5px">
                    <div class="input-group">
                        <input class="datetime form-control input-sm" type="text" id="two-endDate" name="localEndDate"
                               th:value="${endDate}"
                               data-date-format="yyyy-mm" data-view-mode="2"
                               data-min-view="3"
                               data-start-view="3"
                               data-picker-position="bottom"
                               data-start-date-target="localStartDate"
                               readonly="readonly"
                               placeholder="结束月份"/>
                    </div>
                </div>
                <div class="form-group pull-right">
                    <button type="button" class="btn btn-primary btn-sm" id="two-submit">
                        <i class="glyphicon glyphicon-search"></i> 查看
                    </button>

                </div>
            </form>
        </div>
        <div class="panel-body">
            <div class="row row-nocol" style="height: 550px; margin-top: 10px;" id="two">

            </div>
        </div>
    </div>

    <!-- 人员周/月项目工时统计 start -->
    <div class="panel panel-info">
        <div class="panel-heading">
            <form class="form-inline" role="form">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="switch_scope" value="1">
                    </label>
                </div>

                <div class="form-group" style="margin-left: 5px">
                    <div class="input-group">
                        <input type="text" class="form-control" id="startWeekDate" name="startDate" readonly>
                        <span class="input-group-addon">至</span>
                        <input type="text" class="form-control" id="endWeekDate" name="endDate" readonly>
                        <input type="text" id="weekPicker" class="form-control" style="display: none;"/>
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button" id="weekRangePicker"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                    </div>
                </div>

                <div class="form-group pull-right">
                    <button type="button" class="btn btn-primary btn-sm" id="three-submit">
                        <i class="glyphicon glyphicon-search"></i> 查看
                    </button>

                </div>
            </form>
        </div>
        <div class="panel-body">
            <div class="row row-nocol" style="height: 550px; margin-top: 10px;" id="three">

            </div>
        </div>
    </div>
    <!-- 人员周项目工时统计 end -->


</div>

<div th:replace="common/footer :: footer"></div>
<script th:src="@{/assets/lib/echarts.min.js}"></script>
<script th:src="@{/js/moment.min.js}"></script>
<script th:src="@{/js/daterangepicker.min.js}"></script>
<script th:src="@{/assets/lib/bootstrap-switch-3.3.4/bootstrap-switch.min.js}"></script>
<script th:src="@{/js/stats/stats.js}"></script>
<script>


</script>
</body>
</html>